<!DOCTYPE html>
<html>
<head>
    <title>我的订单—小米商城</title>
    <meta charset="utf-8">
    <link rel="shortcut icon" type="image/x-icon" href="./images/favicon/favicon.ico" />
    <link rel="stylesheet" type="text/css" href="./layui/css/layui.css">
    <link rel="stylesheet" type="text/css" href="/css/mi.css">
    <link rel="stylesheet" type="text/css" href="/css/shop.css">
    <link rel="stylesheet" type="text/css" href="/css/footer1.css">
    <link rel="stylesheet" type="text/css" href="./font-awesome/css/font-awesome.min.css">
    <script type="text/javascript" src="./layui/layui.js"></script>
</head>
<body>
	 <div class="header">
        <div class="header_menu">
            <ul class="header_left"> 
                <li><a href="./index.html">小米商城</a><span>|</span></li>
                <li><a href="#">MIUI</a><span>|</span></li>
                <li><a href="#">IOT</a><span>|</span></li>
                <li><a href="#">云服务</a><span>|</span></li>
                <li><a href="#">小爱分享平台</a><span>|</span></li>
                <li><a href="#">金融</a><span>|</span></li>
                <li><a href="#">有品</a><span>|</span></li>
                <li><a href="#">企业服务</a><span>|</span></li>
                <li><a href="#">SelectRegion</a></li>
            </ul>
            <div class="header_right">
                <ul class="userinfo">
                <li class="username"><a href="javascript:void(0)" class="toUserInfo">我是李磊<i class="fa fa-angle-down fa-1x"></i></a><span>|</span> 
                	<ul>
                            <li class="infoitem">个人中心</li>
                            <li class="infoitem">评价晒单</li>
                            <li class="infoitem">我的喜欢</li>
                            <li class="infoitem">小米账户</li>
                            <li class="infoitem">退出登录</li>
                    </ul>
                </li>
                <li><a href="#">消息通知</a><span>|</span></li>
                <li><a href="#">我的订单</a></li>
               <li class="header_right_li"><a href="./cart.html"><i class="fa fa-shopping-cart" ></i>&nbsp; 购物车 ( 0 )</a>
					<div>购物车中还没有商品，赶紧选购吧！</div>
				</li>
            </ul>
            </div>  
        </div> 
    </div>
    <!--   主体内容上半部分   -->
    <div class="content-top">
        <div class="content">
            <div class="content_menu">
                <div class="content_menu_pic">
                <img src="./static/img/footlogo.png" class="content_menu_img"style="margin: 5px 0px;margin-right: 10px;">
                <img src="./static/img/logoAD.gif" >
                </div>
            <div class="content_menu_ul">
                <ul>
					<li>小米手机
						<div class="mi_phone">
							<div class="mi_phone_div">
								<div class="mi_phone_div_1">
									<div  class="mi_phone1">
										<div class="new">新品</div>
										<div class="mi_phone_shop">
											<img src="./static/img/phone/phone1.png">
											<br>
											<a href="">小米2s</a>
											<br>
											<a href="" style="color:#FF6A00;">3299元</a>
										</div>
										<span></span>
									</div>
									<div  class="mi_phone1">
										<div class="new">新品</div>
										<div class="mi_phone_shop">
											<img src="./static/img/phone/phone2.png">
											<br>
											<a href="">小米2s</a>
											<br>
											<a href="" style="color:#FF6A00;">3299元</a>
										</div>
										<span></span>
								    </div>
									<div  class="mi_phone1">
											<div class="new">新品</div>
											<div class="mi_phone_shop">
												<img src="./static/img/phone/phone3.png">
												<br>
												<a href="">小米2s</a>
												<br>
												<a href="" style="color:#FF6A00;">3299元</a>
											</div>
											<span></span>
									</div>
									<div  class="mi_phone1">
											<div class="new">新品</div>
											<div class="mi_phone_shop">
												<img src="./static/img/phone/phone1.png">
												<br>
												<a href="">小米2s</a>
												<br>
												<a href="" style="color:#FF6A00;">3299元</a>
											</div>
											<span></span>
									</div>
									<div  class="mi_phone1">
											<!-- <div class="new">新品</div> -->
											<div class="mi_phone_shop">
												<img src="./static/img/phone/phone1.png">
												<br>
												<a href="">小米2s</a>
												<br>
												<a href="" style="color:#FF6A00;">3299元</a>
											</div>
											<span></span>
									</div>
									<div  class="mi_phone1">
											<!-- <div class="new">新品</div> -->
											<div class="mi_phone_shop">
												<img src="./static/img/phone/phone1.png">
												<br>
												<a href="">小米2s</a>
												<br>
												<a href="" style="color:#FF6A00;">3299元</a>
											</div>
								   </div>
								   
								   <div class="clear"></div>
								</div>	
						    </div>
						</div>
					</li>
					<li>红米
						<div class="mi_phone">
							<div class="mi_phone_div">
								<div class="mi_phone_div_1">
									<div  class="mi_phone1">
										<div class="new">新品</div>
										<div class="mi_phone_shop">
											<img src="./static/img/phone/phone7.png">
											<br>
											<a href="">小米2s</a>
											<br>
											<a href="" style="color:#FF6A00;">3299元</a>
										</div>
										<span></span>
									</div>
									<div  class="mi_phone1">
										<div class="new">新品</div>
										<div class="mi_phone_shop">
											<img src="./static/img/phone/phone8.png">
											<br>
											<a href="">小米2s</a>
											<br>
											<a href="" style="color:#FF6A00;">3299元</a>
										</div>
										<span></span>
								    </div>
									<div  class="mi_phone1">
											<div class="new">新品</div>
											<div class="mi_phone_shop">
												<img src="./static/img/phone/phone9.jpg">
												<br>
												<a href="">小米2s</a>
												<br>
												<a href="" style="color:#FF6A00;">3299元</a>
											</div>
											<span></span>
									    </div>
									<div  class="mi_phone1">
											<div class="new">新品</div>
											<div class="mi_phone_shop">
												<img src="./static/img/phone/phone1.png">
												<br>
												<a href="">小米2s</a>
												<br>
												<a href="" style="color:#FF6A00;">3299元</a>
											</div>
											<span></span>
									    </div>
									<div  class="mi_phone1">
											<div class="new">新品</div>
											<div class="mi_phone_shop">
												<img src="./static/img/phone/phone1.png">
												<br>
												<a href="">小米2s</a>
												<br>
												<a href="" style="color:#FF6A00;">3299元</a>
											</div>
											<span></span>
									    </div>
									<div  class="mi_phone1">
											<div class="new">新品</div>
											<div class="mi_phone_shop">
												<img src="./static/img/phone/phone1.png">
												<br>
												<a href="">小米2s</a>
												<br>
												<a href="" style="color:#FF6A00;">3299元</a>
											</div>
									 </div>
									 <div class="clear"></div>
								</div>	 
							</div>
						</div>
					</li>
					<li>电视</li>
					<li>笔记本</li>
					<li>盒子</li>
					<li>新品</li>
					<li>路由器</li>
					<li>智能硬件</li>
					<li>服务</li>
					<li>社区</li>
				</ul>
            </div>
            <div class="content-form">
                <form>
                    <input type="text" name="">
                    <div class="content-form-a"><a href="">电视新品</a>   <a href="">618预热</a></div>
                    <div class="botton"><i class=" fa fa-search"></i></div>
                
                </form>
            </div>
            <div class="clear"></div>
        </div>
    </div>
<!--   我的订单 -->
    <div class="order_content">
        <div class="order">
            <p style="color: #333;font-size: 13px;">首页 > 交易订单</p>
            <div class="order_content_div">
               <div class="order_left">
                   <ul>
                      <li class="box">订单中心</li>
                      <li class="min" >我的订单</li>
                      <li class="min">意外保</li>
                      <li class="min">团购订单</li>
                      <li class="min">评价晒单</li>
                      <li class="min">话费充值订单</li>
                      <li class="min">以旧换新订单</li>

                      <li class="box">个人中心</li>
                      <li class="min">我的个人中心</li>
                      <li class="min">消息通知</li>
                      <li class="min">购买资格</li>
                      <li class="min">现金账户</li>
                      <li class="min">小米礼品卡</li>
                      <li class="min">现金券</li>
                      <li class="min">喜欢的商品</li>
                      <li class="min">优惠券</li>
                      <li class="min">收货地址</li>

                      <li class="box">售后服务</li>
                      <li class="min">服务记录</li>
                      <li class="min">申请服务</li>
                      <li class="min">领取快递报销</li>

                      <li class="box">账户管理</li>
                      <li class="min">个人信息</li>
                      <li class="min">修改密码</li>
                      <li class="min">社区VIP认证</li>
                   </ul>
               </div> 
               <div class="order_right" >
                   <p>我的订单<span style="font-size:13px;">&nbsp;&nbsp;  请谨防钓鱼链接或诈骗电话，了解更多></span></p>
                   <div class="order_right_form">
                       <ul>
                           <li id="regTabs_0" onclick="ChangeReg('0','register_',1)">全部有效订单<span></span></li>
                           <li id="regTabs_1" onclick="ChangeReg('1','register_',1)">待支付<span></span></li>
                           <li>待收货<span></span></li>
                           <li>已关闭</li>
                       </ul>
                       <form>
                            <input type="text" name="" placeholder="输入商品名称 商品编号 订单号">
                            <div class="botton"><i class=" fa fa-search"></i></div>    
                      </form>
                      <div class="clear"></div>
                   </div>
                   <div class="order_right_show" id="register_0" style="display:block">
                       <div class="order_right_content" >
                           <h2>已收货</h2>
                           <p>2016年09月02日 10：00 | XXX | 订单号： 1234455513234 |在线支付 <span>订单金额：<b> 149</b> 元 </span></p>
                           <div class="order_right_shop">
                              <img src="./static/img/life4.png">
                              <p>家居沙发 灰色 <br>356元 X 1</p>
                              
                              <div class="order_right_div">
                                <p>订单详情</p>
                                <p>售后详情</p>
                              </div>
                              <div class="clear"></div>
                           </div>
                        </div>
                       <div class="clear"></div>
                   </div>
                   <div class="order_right_show" id="register_1" style="display:none">
                       <p>当前没有待支付订单。</p>
                   </div>

               </div> 
               <div class="clear"></div>
            </div>
        </div>
    </div>

<!--   网页底部   -->
    <div class="footer-top">
        <div class="footer-top_li">
            <div class="footer-top_li_1">
                <a href="#"><i class="fa fa-wrench"></i>预约维修服务</a><span></span>
                <a href="#"><i class="fa fa-rotate-right "></i>7天无理由退货</a><span></span>
                <a href="#"><i class="fa fa-refresh"></i>15天免费换货</a><span></span>
                <a href="#"><i class="fa fa-gift"></i>满150元包邮</a><span></span>
                <a href="#"><i class="fa fa-map-marker"></i>520余家售后网点</a>
            </div>
            <span class="separate"></span>
            <div class="footer-top_li_2">
                <div class="footer-top_li_a">
                    <dl>
                        <dt>帮助中心</dt>
                        <dd><a href="">账户管理</a></dd>
                        <dd><a href="">购物指南</a></dd>
                        <dd><a href="">订单操作</a></dd>
                    </dl>
                    <dl>
                        <dt>服务支持</dt>
                        <dd><a href="">售后政策</a></dd>
                        <dd><a href="">自助服务</a></dd>
                        <dd><a href="">相关下载</a></dd>
                    </dl>
                    <dl>
                        <dt>线下门店</dt>
                        <dd><a href="">小米之家</a></dd>
                        <dd><a href="">服务网点</a></dd>
                        <dd><a href="">授权体验店</a></dd>
                    </dl>
                    <dl>
                        <dt>关于小米</dt>
                        <dd><a href="">了解小米</a></dd>
                        <dd><a href="">加入小米</a></dd>
                        <dd><a href="">投资者关系</a></dd>
                    </dl>
                    <dl>
                        <dt>关注我们</dt>
                        <dd><a href="">新浪微博</a></dd>
                        <dd><a href="">官网微博</a></dd>
                        <dd><a href="">联系我们</a></dd>
                    </dl>
                    <dl>
                        <dt>特色服务</dt>
                        <dd><a href="">F码通道</a></dd>
                        <dd><a href="">礼物码</a></dd>
                        <dd><a href="">防伪查询</a></dd>
                    </dl>
                    <div class="connect">
                        <p class="telephone">Feir-520-1314</p>
                        <p class="time">周一至周日 8:00-18:00<br>(仅收市话费)</p>
                        <button><span class="fa fa-commenting "></span> 联系客服</button>
                    </div>
                </div>
                <div class="footer-top_li_b"></div>
            </div>
        </div>

    </div>
    <div class="footer-bottom">
        <div class="footer-bottom_li">
            <div class="footer-bottom_li_1">
                <img src="./static/img/footlogo.png" alt="" class="logoBottom">
            </div>
            <div class="footer-bottom_li_2">
                <div class="footer-bottom_li_a">
                    <ul>
                        <li>小米商城<span></span></li>
                        <li>MIUI<span></span></li>
                        <li>米家<span></span></li>
                        <li>米聊<span></span></li>
                        <li>多看<span></span></li>
                        <li>游戏<span></span></li>
                        <li>路由器<span></span></li>
                        <li>米粉卡<span></span></li>
                        <li>政企服务<span></span></li>
                        <li>小米天猫店<span></span></li>
                        <li>隐私政策<span></span></li>
                        <li>问题反馈<span></span></li>
                        <li>Select Region</li>
                    </ul>
                </div>
                <div class="footer-bottom_li_b">
                    <a href="">©mi.com</a>
                    京ICP证110507号
                    <a href="">京ICP备10046444号</a>
                    <a href="">京公网安备11010802020134号</a>
                    <a href="">京网文[2014]0059-0009号</a>
                    <br>
                    违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
                </div>
            </div>
            <div class="footer-bottom_li_3">
                <img src="./static/img/footericon1.png" alt="" class="icon">
                <img src="./static/img/footericon2.png" alt="" class="icon">
                <img src="./static/img/footericon3.png" alt="" class="icon">
                <img src="./static/img/footericon4.png" alt="" class="icon">
                <img src="./static/img/footericon5.png" alt="" class="icon">
            </div>
            <div class="footer-bottom_li_4">
               探索黑科技，小米为发烧而生！
            </div>   
        </div>  
    </div>
    <script type="text/javascript">
            function ChangeReg(divId,divName,Count) {
        for(var i=0;i<=Count;i++){
            document.getElementById(divName+i).style.display="none";
        }
        document.getElementById(divName+divId).style.display="block";
        if (divId==0) {
            document.getElementById("regTabs_0").style.color="#FF6A00";
            document.getElementById("regTabs_1").style.color="#757575";
        }
        if (divId==1) {
            document.getElementById("regTabs_0").style.color="#757575";
            document.getElementById("regTabs_1").style.color="#FF6A00";
        }
    }
    </script>
</body>
</html>